.container {
  // margin-top: 160rpx;
  padding-bottom: 100rpx;
  min-height: 100vh;
  background: #f8f8f8;
}

.shop-header {
  background: #fff;
  padding: 30rpx;

  .shop-info {
    display: flex;
    align-items: center;

    .shop-logo {
      width: 80rpx;
      height: 80rpx;
      border-radius: 12rpx;
      margin-right: 20rpx;
      background: #91c788;
    }

    .shop-name {
      font-size: 32rpx;
      color: #333;
      font-weight: 500;
    }
  }
}

.notice-banner {
  width: 100%;
  height: auto;
  padding: 20rpx;
  box-sizing: border-box;

  .notice-image {
    width: 100%;
    height: auto;
    border-radius: 12rpx;
  }
}

.delivery-tip {
  margin: 20rpx;
  padding: 20rpx;
  background: #fff;
  border-radius: 12rpx;
  display: flex;
  align-items: center;

  .delivery-icon {
    width: 40rpx;
    height: 40rpx;
    margin-right: 16rpx;
  }

  .delivery-text {
    font-size: 26rpx;
    color: #666;
  }
}

.category-grid {
  padding: 20rpx;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30rpx;

  .category-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20rpx;

    .category-icon {
      width: 80rpx;
      height: 80rpx;
      margin-bottom: 12rpx;
    }

    .category-name {
      font-size: 24rpx;
      color: #333;
      text-align: center;
    }
  }
}

// 分类图标样式
.category-item:nth-child(1) .category-icon {
  background: #91c788;
}

.category-item:nth-child(2) .category-icon {
  background: #ffbe76;
}

.category-item:nth-child(3) .category-icon {
  background: #82ccdd;
}

.category-item:nth-child(4) .category-icon {
  background: #ff9ff3;
}

.category-item:nth-child(5) .category-icon {
  background: #78e08f;
}

.category-item:nth-child(6) .category-icon {
  background: #f8c291;
}

.category-item:nth-child(7) .category-icon {
  background: #fab1a0;
}

.category-item:nth-child(8) .category-icon {
  background: #dff9fb;
}